.profile-page {
	min-height: 100vh;
	background-color: #f6f6f8;
	padding-bottom: 120rpx;
}

.profile-form {
	background-color: #ffffff;
	margin-top: 20rpx;
}

.form-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	padding: 30rpx 32rpx;
	border-bottom: 1rpx solid #f5f5f5;
	
	&:last-child {
		border-bottom: none;
	}
}

.avatar-item {
	align-items: center;
}

.label {
	font-size: 28rpx;
	color: #333333;
	font-weight: 500;
}

.input {
	flex: 1;
	text-align: right;
	font-size: 28rpx;
	color: #333333;
	padding-left: 20rpx;
	
	&.disabled {
		color: #999999;
	}
}

.tip {
	font-size: 24rpx;
	color: #999999;
	margin-left: 10rpx;
}

.avatar-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.avatar {
	width: 120rpx;
	height: 120rpx;
	border-radius: 60rpx;
	background-color: #f0f0f0;
}

.edit-text {
	font-size: 24rpx;
	color: #999999;
	margin-top: 10rpx;
}

.picker {
	flex: 1;
}

.arrow-icon {
	width: 32rpx;
	height: 32rpx;
	margin-left: 10rpx;
}

.submit-btn {
	position: fixed;
	bottom: 40rpx;
	left: 32rpx;
	right: 32rpx;
	height: 88rpx;
	background-color: #EB3C43;
	border-radius: 44rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	
	text {
		color: #ffffff;
		font-size: 32rpx;
		font-weight: 500;
	}
} 